extends ../layout

block content
	.container
		.row(style='margin-top:50px;')
			.col-md-12(style="border-bottom:1px rgba(64, 58, 58, 0.21) solid;padding-top:10px;padding-bottom:10px;margin-bottom:30px;text-align:center;font-size:16px;") >>>&nbsp;&nbsp;&nbsp;&nbsp;留言板&nbsp;&nbsp;&nbsp;&nbsp;<<<
		.row(style='padding-left:10px;padding-right:10px;padding-top:40px;background-color:#f8f8f8;')
			#commentArea-Input.col-md-12
				textarea#InputComments
				//-place to comment
		.row(style="padding-top:5px;padding-bottom:10px;background-color:#f8f8f8;")
			.col-md-10
			.col-md-2
				#doComment(style='height:40px;background-color:pink;color:white;font-size:20px;text-align:center;padding:5px;margin-right:10px;cursor:pointer;') 发布
			//-<button onclick="comment()" style="width: 100px;height: 60px;border:1px solid gray">留言</button>
	hr
	.container(style='background-color:#f8f8f8;padding: 50px;')
		#commentArea-Output.row
			#SingleComment-Template.media(style='display:none', comment-cid='1', comment-rcid='xxx', comment-fid='xxx', comment-tid='xxx')
				a.pull-left.headpic-click(href='#InputComments', data-cid='0')
					img.media-object(style="width:100px; height:100px; border:0px black solid;border-radius:50px;background:url('/img/wiskey.png')")
				.media-body(style='border:0px black solid;padding-top:10px;')
					h4.media-heading(style='border:0px black solid;font-size:16px;font-weight:500;margin-left:10px;') Wiskey
					div(style='border:0px black solid;margin-left:10px;font-size:17px;')
						| 求一个可爱的玩偶呀
						br
						| 有没有人用本子交换玩偶呀~
					hr(style="border-bottom:1px #e8e8e8 solid")
			#SingleDirectComment-Template.media.SingleComment(style='display:none', comment-cid='001', comment-rcid='000', comment-fid='Ligu', comment-tid='Ligu')
				a.pull-left.headpic-click(href='#InputComments', data-cid='0')
					img.media-object(style="width:100px; height:100px; border:0px black solid;border-radius:50px;background:url('/img/wiskey.png')")
				.media-body(style='border:0px black solid;padding-top:10px;')
					h4.media-heading(style='border:0px black solid;font-size:25px;font-weight:500;margin-left:10px;') Ligu
					div(style='border:0px black solid;margin-left:10px;font-size:17px;')
						| 求一个可爱的玩偶呀
						br
						| 有没有人用本子交换玩偶呀~
					hr(style="border-bottom:1px #e8e8e8 solid")
			.media.SingleComment(comment-cid='000', comment-rcid='000', comment-fid='whiskey', comment-tid='whiskey')
				a.pull-left.headpic-click(href='#InputComments', data-cid='0')
					img.media-object(style="width:100px; height:100px; border:0px black solid;border-radius:50px;",src="/img/wiskey.png")
				.media-body(style='border:0px black solid;padding-top:10px;')
					h4.media-heading(style='border:0px black solid;font-size:25px;font-weight:700;margin-left:10px;') Wiskey
					div(style='border:0px black solid;margin-left:10px;font-size:17px;')
						| 求一个可爱的玩偶呀
						br
						| 有没有人用本子交换玩偶呀~
					hr(style="border-bottom:1px #e8e8e8 solid")
	link(href="/css/comment.css",rel="stylesheet")
	script(src="/js/comment.js")